<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>合作步骤和发展路径</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="__HOME_CSS__/shop.css">
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/fontawesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="__HOME_CSS__/validate.css">
    <script src="__HOME_JS__/jquery.min.js"></script>
    <script src="__HOME_JS__/autosize.js"></script>
    <script src="__HOME_JS__/jquery-mvalidate.js"></script>
</head>

<body>
    <div class="code">
        <div style="font-weight: bold;" class="title">合作步骤和发展路径</div>
        <form action="{:U('saveform')}" method="post" name="form1" id="form1">
            <!--<input type="hidden" name="post_id" value="{$info.id}">-->
            <input type="hidden" name="price" id="price" value="">
            <div class="content">
                <div class="intable">
                    <div class="pick zong">
                        <!-- <input type="checkbox" ck="1" checked="checked">
 -->
                        <i class="fa fa-check" aria-hidden="true"></i>
                    </div>
                    <span>Step 1</span>
                </div>
                <div class="box">
                    <div class="base">
                        <div class="list">
                            <div class="pick" pick="none">
                                <input style="display: none" type="checkbox" ck="1" pick='pick' checked="checked">
                                <i class="fa fa-check" aria-hidden="true"></i>
                            </div>
                            <div style="background-image: url(__HOME_IMG__/default/icon1.png)" class="tit">
                                <span>客户招募</span>
                            </div>
                        </div>
                    </div>
                    <ul class="cont">
                        <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">这是一个圈层分明的时代，对生活方式和趣味的追求不是以职业目的为背景的，而是以兴趣或品味为共同点聚集了同圈的伙伴，intable发现并整合了他们，如同你的学员们，但他们大多并不定性，可能会对各种体验都产生兴趣或坚持或放弃，唯一不变的是新的体验是他们追求的。所以为了让更多人开始体验，也为了让您的课有更多的学员，intable的每一个签约课堂，须共同努力，团结共赢。</span>
                            </div>
                        </li>
                        <li>
                            <div class="in">
                                <span class="mes">特别注明：贵点在intable之外可自行招募但必须确保价格不得低于intable公示原价。
                                </span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="box2">
                    <div class="base">
                        <div class="list">
                            <div class="pick" pick="none">
                                <input type="checkbox" ck="0" name="plan" value="1" pick="pick">
                                <i class="fa fa-check" aria-hidden="true" style="display: none;"></i>
                            </div>
                            <!--<div style="background-image: url(__HOME_IMG__/default/icon2.png)" class="tit">-->
                            <div class="tit">
                                <span>非会员</span>
                            </div>
                        </div>
                    </div>
                    <ul class="cont">
                        <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">非会员首次低于100元体验</span>
                            </div>
                        </li>
                        <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">非会员再次预约享？折优惠（自定义）</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="box2">
                    <div class="base">
                        <div class="list">
                            <div class="pick" pick="none">
                                <input type="checkbox" ck="0" name="plan" value="1" pick="pick">
                                <i class="fa fa-check" aria-hidden="true" style="display: none;"></i>
                            </div>
                            <!--<div style="background-image: url(__HOME_IMG__/default/icon2.png)" class="tit">-->
                            <div class="tit">
                                <span>会员客户</span>
                            </div>
                        </div>
                        <!-- <div class="allPrice">
                            <span class="all">合计</span>
                            <span class="price">￥2000</span>
                        </div> -->
                    </div>
                    <ul class="cont">
                        <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">会员首次免费体验，每场可限量（自定义）</span>
                            </div>
                        </li>
                        <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">正常预约享受公开报价5折优惠（至少提前一周发布预约）</span>
                            </div>
                        </li>
                        <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">尾单预约享受公开报价3折优惠（离开课时间少于72小时）</span>
                            </div>
                        </li>
                        <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">会员卡销售1000/年，各体验点均可销售，提成为20%</span>
                            </div>
                        </li>
                        <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">具体权益详见intable会员介绍</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- intable 秀 -->
                <!-- intable 秀 -->
                <!-- intable 秀 -->
                <div style="padding-top: 20px" class="intable">
                    <div class="pick zong">
                        <input type="checkbox" ck="0">
                        <i class="fa fa-check" aria-hidden="true" style="display: none;"></i>
                    </div>
                    <span>Step 2</span>
                </div>
                <div class="box">
                    <div class="base">
                        <div class="list">
                            <div class="pick" pick="none">
                                <input style="display: none" type="checkbox" ck="1" pick='pick' checked="checked">
                                <i class="fa fa-check" aria-hidden="true"></i>
                            </div>
                            <div style="background-image: url(__HOME_IMG__/default/icon1.png)" class="tit">
                                <span>品牌合作</span>
                            </div>
                        </div>
                    </div>
                    <ul class="cont">
                        <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">作为签约kol课堂，您的课堂品牌植入合作intable作为唯一合作方，将尽力促成品牌植入赞助您的课程，并支付相应的费用。同时intable与植入品牌还将对此次课堂进行推广，提升该课堂的知名度。
</span>
                            </div>
                        </li>
                        <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">intable尽力的保护和挖掘签约kol的价值，同时intable也希望得到各位的尊重和信任，引导品牌选择与自身定位和需求匹配的体验内容进行植入，策划或内容只是优化更利于品牌理念或产品的体验，不对用户产生干扰和负担。品牌在体验中让消费者自己感受产品的魅力，并自然接受，不做过度销售。
</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="box2">
                    <div class="base">
                        <div class="list">
                            <div class="pick" pick="none">
                                <input type="checkbox" ck="0" name="plan" value="1" pick="pick">
                                <i class="fa fa-check" aria-hidden="true" style="display: none;"></i>
                            </div>
                            <!--<div style="background-image: url(__HOME_IMG__/default/icon2.png)" class="tit">-->
                            <div class="tit">
                                <span>基础植入</span>
                            </div>
                        </div>
                    </div>
                    <ul class="cont">
                        <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">1000～2000/次（不改变原课程内容）</span>
                            </div>
                        </li>
                        <!-- <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">非会员再次预约享？折优惠（自定义）</span>
                            </div>
                        </li> -->
                    </ul>
                </div>
                <div class="box2">
                    <div class="base">
                        <div class="list">
                            <div class="pick" pick="none">
                                <input type="checkbox" ck="0" name="plan" value="1" pick="pick">
                                <i class="fa fa-check" aria-hidden="true" style="display: none;"></i>
                            </div>
                            <!--<div style="background-image: url(__HOME_IMG__/default/icon2.png)" class="tit">-->
                            <div class="tit">
                                <span>主题策划植入</span>
                            </div>
                        </div>
                    </div>
                    <ul class="cont">
                        <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">3000～5000/次（须根据品牌做适当的策划调整以符合品牌需求，但不影响课程定位用户体验）</span>
                            </div>
                        </li>
                        <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">平台提供微博微信规划及合作期数据管理</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <!--  intable 课程  -->
                <!--  intable 课程  -->
                <!--  intable 课程  -->
                <div style="padding-top: 20px" class="intable">
                    <div class="pick zong">
                        <input type="checkbox" ck="0">
                        <i class="fa fa-check" aria-hidden="true" style="display: none;"></i>
                    </div>
                    <span>Step 3</span>
                </div>
                <div class="box2">
                    <div class="base">
                        <div class="list">
                            <div class="pick" pick="none">
                                <input type="checkbox" ck="0" name="plan" value="1" pick="pick">
                                <i class="fa fa-check" aria-hidden="true" style="display: none;"></i>
                            </div>
                            <!--<div style="background-image: url(__HOME_IMG__/default/icon2.png)" class="tit">-->
                            <div class="tit">
                                <span>年度品牌合作</span>
                            </div>
                        </div>
                    </div>
                    <ul class="cont">
                        <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">签约年度，不少于10次合作，定制内容</span>
                            </div>
                        </li>
                       
                    </ul>
                </div>
                <div class="box2">
                    <div class="base">
                        <div class="list">
                            <div class="pick" pick="none">
                                <input type="checkbox" ck="0" name="plan" value="1" pick="pick">
                                <i class="fa fa-check" aria-hidden="true" style="display: none;"></i>
                            </div>
                            <!--<div style="background-image: url(__HOME_IMG__/default/icon2.png)" class="tit">-->
                            <div class="tit">
                                <span>专项合作</span>
                            </div>
                        </div>
                    </div>
                    <ul class="cont">
                        <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">网络课程/直播</span>
                            </div>
                        </li>
                       
                    </ul>
                </div>
                <div class="box2">
                    <div class="base">
                        <div class="list">
                            <div class="pick" pick="none">
                                <input type="checkbox" ck="0" name="plan" value="1" pick="pick">
                                <i class="fa fa-check" aria-hidden="true" style="display: none;"></i>
                            </div>
                            <!--<div style="background-image: url(__HOME_IMG__/default/icon2.png)" class="tit">-->
                            <div class="tit">
                                <span>IP打造</span>
                            </div>
                        </div>
                    </div>
                    <ul class="cont">
                        <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">建立品牌，全面商业合作</span>
                            </div>
                        </li>
                       
                       <li>
                            <div class="in">
                                <span class="zm">i</span>
                                <span class="zm">n</span>
                                <span class="mes">提供微博微信运维，数据管理</span>
                            </div>
                        </li>
                    </ul>
                </div>

                <div style="padding-top: 20px" class="intable">
                    <span>版权与使用</span>
                </div>
                <div class="box3">
                    <ul class="pickPerson" style="position: relative;padding-bottom: 10px;">
                        <li>
                            <div class="mes">
                                合作中的策划和执行内容包括但不仅限于照片，文案，视频等均属于intable版权，部分用于合作品牌特定推广，同时intable也将该内容用于体验点在intable平台上的推广，但体验点不得将以上内容分享或用于其他平台或客户的合作，如果发生intable将保留诉讼和追究责任的权利。
                            </div>
                        </li>
                        
                    </ul>
                </div>
            

                
                
                <div style="padding-top: 20px" class="intable">
                    <span>体验店基本信息</span>
                </div>
                <div class="box3">
                    <ul class="pickPerson" style="position: relative;padding-bottom: 10px;">
                        <li>
                            <div class="mes">
                                <input type="text" id="storename" name="storename" value="" placeholder=" 请输入店名" data-required="true" data-descriptions="storename">
                            </div>
                        </li>
                        <li>
                            <div class="mes">
                                <input type="text" id="address" name="address" value="" placeholder=" 请输入地址" data-required="true" data-descriptions="address">
                            </div>
                        </li>
                        <li>
                            <div class="mes">
                                <input type="text" id="cname" name="cname" value="" placeholder=" 请输入联系人" data-required="true" data-descriptions="cname">
                            </div>
                        </li>
                        <li>
                            <div class="mes">
                                <input type="text" id="phone" name="phone" value="" placeholder=" 请输入电话" data-required="true" data-descriptions="phone">
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="computed">
                <!-- <div class="list1">
                    <span>总计：</span>
                    <span style="color: red" id="total">￥1000</span>
                </div> -->
                <input type="submit" value="提交" class="sub">
            </div>
        </form>
    </div>
    <script>
    //每场价格
    var basePrice = 200;
    var arr = [];
    //给大栏目 加class
    for (var n = 0; n < $('.zong').length; n++) {
        if (n == 0) {
            $('.zong').eq(n).find('input[type=checkbox]').addClass('tot0');
        } else {
            $('.zong').eq(n).find('input[type=checkbox]').addClass('tot');
        }

    }
    //总场数价格
    var changePrice = 0;
    changePrice = $('#select').val();
    $('.allPrice').eq(0).find('.price').html('￥' + changePrice * 1000)
    //下拉框的变化
    $('#select').change(function() {
        changePrice = $('#select').val();
        $('.allPrice').eq(0).find('.price').html('￥' + changePrice * 1000);
        var zj = compute();
        $('#total').html('￥' + zj)
    });

    var tps = $('input[type=checkbox]');
    for (var i = 0; i < tps.length; i++) {
        arr.push(tps.eq(i));
    }
    //找到后面没有价格的input
    tps.change(function() {
        if ($(this).hasClass('tot')) {
            if ($(this).attr('ck') == 0) {
                $(this).parents('.intable').next().find('input[type=checkbox]').attr('ck', 1).attr("checked", 'true');;

                $(this).parents('.intable').next().find('i').show();
            } else {
                $(this).parents('.intable').next().find('input[type=checkbox]').attr('ck', 0).attr("checked", 'false');;
                $(this).parents('.intable').next().find('i').hide();
            }
        } else if ($(this).hasClass('tot0')) {
            if ($(this).attr('ck') == 0) {
                tps.eq(1).attr('ck', 1).attr("checked", 'checked');;
                tps.eq(1).next().show();
            } else {
                tps.eq(1).attr('ck', 0).attr("checked", 'false');;
                tps.eq(1).next().hide();
            }
        }
        if ($(this).attr('ck') == 0) {
            $(this).attr('ck', 1).attr("checked", 'checked');
            $(this).next().show();
            if ($(this).parent().parent().parent().next().hasClass('extraPick')) {
                $(this).parent().parent().parent().next().find('i').show();
            }
        } else {
            $(this).next().hide()
            $(this).attr('ck', 0).attr("checked", 'false');
            if ($(this).parent().parent().parent().next().hasClass('extraPick')) {
                $(this).parent().parent().parent().next().find('i').hide();
            }
        }
        var zj = compute();
        $('#total').html('￥' + zj)
    })

    function compute() {
        var total = 0;
        for (var n = 0; n < tps.length; n++) {
            if (tps.eq(n).attr('ck') == 1 && tps.eq(n).attr('pick') == 'pick') {

                var num = tps.eq(n).parent().parent().parent().find('.allPrice .price').html();
                if (num == '待定') {
                    num = 0;
                    total += parseFloat(num);
                } else {
                    console.log(num)
                    num = num.substring(1);
                    total += parseFloat(num);
                }

            }

        }
        return total;
    }
    var danjia = 0
    var numbers = 0
    $('#renshu').change(function() {
        numbers = parseFloat($(this).val())
        add()
    })
    $('#danjia').change(function() {
        danjia = parseFloat($(this).val())
        add()
    })

    function add() {
        var money = danjia * numbers + compute()
        $('#total').html('￥' + money)
    }

    //  inp.eq(0).change(function() {
    //      if ($(this).attr('ck') == 0) {
    //          for (var b = 0; b < 2; b++) {
    //              inp.eq(b).attr('ck', 1);
    //              inp.eq(b).next().show()
    //          }
    //      } else {
    //          for (var b = 0; b < 2; b++) {
    //              inp.eq(b).attr('ck', 0);
    //              inp.eq(b).next().hide()
    //          }
    //      }
    //
    //      compute();
    //  })
    //  inp.eq(14).change(function() {
    //      if ($(this).attr('ck') == 0) {
    //          for (var b = 14; b < 17; b++) {
    //              inp.eq(b).attr('ck', 1);
    //              // inp.eq(b).next().show()
    //
    //          }
    //      } else {
    //          for (var b = 15; b < 17; b++) {
    //              inp.eq(b).attr('ck', 0);
    //              // inp.eq(b).next().hide()
    //          }
    //      }
    //      compute();
    //  })


    //变化时价格总计
    //  function compute() {
    //      var total = 0;
    //
    //      for (var k = 0; k < inp.length; k++) {
    //          if (k == 0) {
    //
    //          } else if (k == 1 || k == 5 || k == 6 || k == 7) {
    //              if (inp.eq(k).attr('ck') == 1) {
    //                  var tmp = inp.eq(k).parents('.base').find('.price').html();
    //                  tmp = tmp.substring(1)
    //                  total += parseFloat(tmp)
    //              }
    //          } else if (k == 3 || k == 9 || k == 14 || k == 17 || k == 18 || k == 19 || k == 20 || k == 21) {
    //
    //          } else {
    //              if (inp.eq(k).attr('ck') == 1) {
    //                  var tmp = inp.eq(k).parents('li').find('.price').html();
    //                  tmp = tmp.substring(1)
    //                  total += parseFloat(tmp)
    //              }
    //          }
    //
    //
    //      };
    //      console.log(total)
    //      $('#total').html('￥' + total);
    //  }
    //单选框的变化
    // $('.pick').find('i').hide();
    //  for (var m = 0; m < inp.length; m++) {
    //      if (m > 0) {
    //          inp.eq(m).change(function() {
    //              if ($(this).attr('ck') == 0) {
    //                  $(this).attr('ck', 1);
    //                  $(this).next().show()
    //              } else {
    //                  $(this).next().hide()
    //                  $(this).attr('ck', 0);
    //              }
    //              compute()
    //          })
    //      }
    //  }
    </script>
    <script>
    autosize(document.querySelectorAll('textarea'));
    </script>
    <script type="text/javascript">
    $(function() {


        $("#form1").mvalidate({
            type: 1,
            onKeyup: true,
            sendForm: false,
            firstInvalidFocus: false,
            valid: function(event, options) {
                //点击提交按钮时,表单通过验证触发函数
                //alert("验证通过！接下来可以做你想做的事情啦！");
                $('#price').val($('#total').html().replace('￥', ''));
                document.form1.submit();
            },

            descriptions: {
                storename: {
                    required: '请输入店名'
                },
                address: {
                    required: '请输入地址'
                },
                cname: {
                    required: '请输入联系人'
                },
                phone: {
                    required: '请输入电话'
                },

            }
        });




    })
    </script>
</body>

</html>